	<!-- 头部 -->
	<include file="Public:header"/>
	
	<!-- 导航 -->
	<include file="Public:nav"/>
	<script>
		$(function(){
			$(".EmployDetail").bind("click",function(){
				var id = $(this).attr("employ-id");
				var url = "__URL__/ajaxDetail/id/" + id ;
				$.get(url,function(result){
					$("#myModal .modal-body").html(result);
					$('#myModal').modal();
				})
			});	
		})
	</script>
	
	<div class="row-fluid w" id="main">
		<div class="span8 offset2">		
		    <form class="form-search fr" action="" method="get">
		    	<input type="text" name="name" value="<{$map.name}>" class="input-medium" placeholder="Name">
		    	<html:select  options='gradeList' name='grade_id' selected="map['grade_id']"/>
		    	<button type="submit" class="btn">搜索</button>
		    </form>

			<table class="table table-striped">
				<thead>
				<tr>
					<th>编号</th>
					<th>班级</th>
					<th>姓名</th>
					<th>年龄</th>
					<th>学历</th>
					<th>操作</th>
				</tr>
				</thead>
				<tbody>
					<foreach name="list" item="vo">
					<tr>
						<td><{$vo.id}></td>
						<td><{$vo.grade_id}></td>
						<td><{$vo.name}></td>
						<td><{$vo.age}></td>
						<td><{$vo.education}></td>
						<td>
							<a href="javascript:;" employ-id="<{$vo.id}>" class="EmployDetail" data-toggle="modal">详情</a>
						</td>
					</tr>
					</foreach>	
					<if condition="$list eq ''">
					<tr>
						<td colspan="7" style="text-align:center; ">暂无数据！</td>
					</tr>
					</if>			
				</tbody>
			</table>
			<div class="pagination"><{$page}></div>
		</div>
	</div>

	<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">详细信息</h3>
		</div>
		<div class="modal-body">
			
		</div>
		<div class="modal-footer">
			<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">关闭</button>
			
		</div>
	</div>
	
	<!-- 底部 -->
	<include file="Public:footer"/>
